<%@ Page Language="C#" MasterPageFile="~/Grocer.Master" AutoEventWireup="true" CodeBehind="ProductDetails.aspx.cs" Inherits="EasyGrocer.ProductPage" %>
<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="head">
    <style type="text/css">
        .style2
        {
            width: 472px;
        }
    </style>
    </asp:Content>
<asp:Content ID="Content2" runat="server" ContentPlaceHolderID="MainContent">
    <br />
    <center>
         <asp:Label ID="pName" runat="server" CssClass="mainTitle" Text=""></asp:Label></center><br />
    <br /><table style="width: 100%; padding-left:10px;">
        <tr>
            <td style="width:350px;"><img src="../images/FrostFlakes.PNG" 
                    style="width: 264px; height: 362px" /></td>
            <td  style="vertical-align:top;" class="style2">
                <table style="font-size:20px; margin-left: 25px;">
                        <tr>
                            <td>
                                
                                <b id="TxtWeight">Weight:</b> </td>
                            <td>
                                <asp:Label ID="pWeight" runat="server" Text=""></asp:Label>
                            </td>
                            <td>
                                &nbsp;</td>
                        </tr>
                        <tr>
                            <td>
                               <b id="TxtPrice">Price:</b></td>
                            <td>
                                <asp:Label ID="pPrice" runat="server" Text=""></asp:Label></td>
                            <td>
                                &nbsp;</td>
                        </tr>
                        <tr>
                            <td>
                                <b id="txtAisle">Aisle:</b></td>
                            <td>
                                <asp:Label ID="pAisle" runat="server" Text=""></asp:Label>3</td>
                            <td>
                                &nbsp;</td>
                        </tr>
                        <tr>
                            <td>
                                <b id="TxtSection">Section:</b></td>
                            <td>
                                <asp:Label ID="pSection" runat="server" Text=""></asp:Label></td>
                            <td>
                                &nbsp;</td>
                        </tr>
                        <tr>
                            <td>
                                <b id="TxtAvailabiliy">Availabiliy:</b></td>
                            <td>
                                <asp:Label ID="pAvailability" runat="server" Text=""></asp:Label></td>
                            <td>
                                &nbsp;</td>
                        </tr><tr><td><br /></td></tr>
                        <tr>
                            <td>
                                <asp:Button CSSClass="smallButton" ID="Button1" runat="server" Text="View Map" 
                                    onclick="Button1_Click" />
                                    </td>
                            <td>
                                &nbsp;</td>
                            <td>
                                &nbsp;</td>
                        </tr>
                        <tr>
                            <td>
                                <asp:Button CSSClass="smallButton" ID="AddToList" runat="server" Text="Add to List" 
                                     onclick="AddToList_Click" />
                            </td>
                            <td>
                                &nbsp;</td>
                            <td>
                                &nbsp;</td>
                        </tr>
                        <tr>
                            <td style="width:100px">
                                &nbsp;</td>
                            <td>
                                &nbsp;</td>
                            <td>
                                &nbsp;</td>
                        </tr>
                </table>
            </td>
            <td style="vertical-align:top;" align="right">
                <table>
                    <tr>
                    <td>
                        <table>
                            <tr>
                                <td>
                                    <table style="border-style: dashed; border-color: inherit; border-width: 1px; font-size:20px; width: 225px;">
                                        <tr>
                                        <td><b>Related Products:</b></td>                        
                                        </tr>                        <tr>
                                        <td><a href="/Cereals.aspx">Cereal</td>                        
                                        </tr>
                                        <tr>
                                        <td><a href="#">Milk</td>                        
                                        </tr>
                                        <tr>
                                        <td><a href="#">Honey</td>
                                        </tr>
                                        <tr>
                                        <td><a href="#">Cereal Bowl</td>                        
                                        </tr>                        
                                    </table>
                                </td>
                            </tr>
                        </table>                    
                    </td>
                    </tr>
                    <tr>
                    <td style="border:dashed 1px;font-size:20px;">
                    <table >
                        <tr>
                        <td><b>Suggested Recipes:</b></td>                        
                        </tr>                        <tr>
                        <td><a href="#">Crunchy Ice Cream Topping</td>                        
                        </tr>
                        <tr>
                        <td><a href="#">Delicious Cinnamon Twists</td>                        
                        </tr>
                        <tr>
                        <td><a href="#">Double Chocolate Cupckes</td>                        
                        </tr>
                    </table>
                        </td>
                    
                    </tr>
                </table>            
            </td>
        </tr>

    </table>
</asp:Content>